<!DOCTYPE html>
<html lang="zh_CN">

<head>
  <meta charset="UTF-8">
  <title><%= htmlWebpackPlugin.options.title %></title>
  <meta name=Keywords content="<%= htmlWebpackPlugin.options.keywords %>">
  <meta name=Description content="<%= htmlWebpackPlugin.options.description %>">
  <link rel="shortcut icon" href="//www.artup.com/img/logoMin.ico" type="images/x-icon" />
</head>

<body style="opacity:0;">
<div id="app">
  <unify-header></unify-header>
  <suspension class="suspend" ref="suspend" :show-height="showSuspensionHeight" @mouseleave="suspendPackUp">
    <div class="container">
      <div class="upper">
        <div class="wrapper">
          <label class="suspend-label">艺术海报</label>
          <label class="customization-item current"
                 @mouseover="suspendPullDown"
                 @click="suspendPullDown">尺寸：{{!frameShowBool?nowSize.name:'未选择'}}</label>
          <button class="customization-btn" @click="startCustom">开始定制</button>
        </div>
      </div>
      <div class="under">
        <div class="wrapper" style="text-align: center;">
          <div class="suspend-size-item"
               v-for='(item,index) in frameSize'
               :class="{active:!frameShowBool&&nowSize.code===item.code}"
               @click='updateSizeFn(index)&&suspendPackUp()'>{{item.name}}
          </div>
        </div>
      </div>
    </div>
  </suspension>
  <div class="postSelect">
    <div class="showImgBox">
      <img v-if="isShowImg" class="haibaoImg" :src="picturePrefix+previewImageUrl"/>
      <img v-if="!isShowImg" src="http://image2.artup.com/static/pc/haibao/haibao_box.png"/>
    </div>
    <div class="slesetBtnBox">
      <div class="rightBox">
        <h2>艺术海报</h2>
        <p>打破空间距离，留住美好瞬间</p>
        <p>突破新的视界，再次定义生活影像</p>
        <p class="sizeName">尺寸</p>
        <div class="sizeBtn">
          <div class="sizeClickBtn"
               v-for='(item,index) in frameSize'
               :class="{sizeActive:!frameShowBool&&nowSize.code===item.code}"
               @click='updateSizeFn(index,item.code)'>{{item.name}}
          </div>
        </div>
        <div class="showPrice">
          {{price}}&nbsp;&nbsp;RMB
        </div>
        <a @click="startCustom">
          <div class="startBook">开始定制</div>
        </a>
      </div>
    </div>
  </div>
  <section>
    <div class="poster01" ref="showSuspensionFlag">
      <div class="main">
        <div class="div-box">
          <strong>THE WIDE VISION</strong>
          <p>打破空间瓶颈 展示大千世界</p>
        </div>
      </div>

    </div>
    <div class="poster02">
      <div class="main">
        <div class="div-box">
          <strong>PERSONAL GALLERY</strong>
          <p>量身定制 打造您专属的影像画廊</p>
        </div>
      </div>
    </div>
    <div class="poster03">
      <div class="main">
        <div class="div-box">
          <strong>MORE CHOICE</strong>
          <p>更多选择 更多可能</p>
        </div>
      </div>
    </div>
    <div class="poster04">
      <div class="main">
        <div class="div-box">

          <strong>QUALITY</strong>
          <p>艺术微喷输出画质细腻</p>
          <p>尽情演绎你的完美生活</p>
        </div>
      </div>
    </div>
  </section>
  <unify-footer></unify-footer>
</div>
</body>

</html>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113376322-1"></script>
<script>
  window.dataLayer = window.dataLayer || []
  function gtag() {
    dataLayer.push(arguments)
  }
  gtag('js', new Date())

  gtag('config', 'UA-113376322-1')
</script>
